<html>
    <head>
        <style>

html { background:transparent; color: #fff; }

[href] { behavior:hyperlink; }

main {
  flow: row(div,div);
  border-spacing: 10dip;
}

main > div {
  width:*;
  padding:1em;
  background: #333;
  font-size:12pt;
  text-align:center;
  vertical-align:middle;
}

.icon {
  background-repeat:no-repeat;
  background-size:2em;
  size:3em;
  background-position:50% 50%;
  fill:#fff;
}
.icon-bell { background-image: url(path:M425.403 330.939c-16.989-16.785-34.546-34.143-34.546-116.083 0-83.026-60.958-152.074-140.467-164.762A31.843 31.843 0 0 0 256 32c0-17.673 -14.327-32-32-32s-32 14.327-32 32a31.848 31.848 0 0 0 5.609 18.095C118.101 62.783 57.143 131.831 57.143 214.857c0 81.933-17.551 99.292-34.543 116.078C-25.496 378.441 9.726 448 66.919 448H160c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64h93.08c57.19 0 92.415-69.583 44.323-117.061zM224 472c-13.234 0-24-10.766-24-24h48c0 13.234-10.766 24-24 24zm157.092-72H66.9c-16.762 0-25.135-20.39-13.334-32.191 28.585-28.585 51.577-55.724 51.577-152.952C105.143 149.319 158.462 96 224 96s118.857 53.319 118.857 118.857c0 97.65 23.221 124.574 51.568 152.952C406.278 379.661 397.783 400 381.092 400z); }
.icon-exclamation-triangle { background-image: url(path:M248.747 204.705l6.588 112c.373 6.343 5.626 11.295 11.979 11.295h41.37a12 12 0 0 0 11.979-11.295l6.588-112c.405-6.893-5.075-12.705-11.979-12.705h-54.547c-6.903 0-12.383 5.812-11.978 12.705zM330 384c0 23.196-18.804 42-42 42s-42-18.804-42-42 18.804-42 42-42 42 18.804 42 42zm-.423-360.015c-18.433-31.951-64.687-32.009-83.154 0L6.477 440.013C-11.945 471.946 11.118 512 48.054 512H527.94c36.865 0 60.035-39.993 41.577-71.987L329.577 23.985zM53.191 455.002L282.803 57.008c2.309-4.002 8.085-4.002 10.394 0l229.612 397.993c2.308 4-.579 8.998-5.197 8.998H58.388c-4.617.001-7.504-4.997-5.197-8.997z); }


        </style>
        <script type="text/tiscript"></script>
    </head>
    <body>
      Tests here:
      <main>
        <div href="animations/demo.htm">GreenSocks inspired animation framework</div>
        <div href="native-drawing.htm">Native and script drawing</div>
        <div href="material/index.htm">Material</div>
        <div href="swipe/swipe.htm">List</div>
        <div href="inputs/index.htm">Inputs</div>
      </main>
      <div.icon.icon-bell />
      <div.icon.icon-exclamation-triangle />
    </body>
</html>